<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>keeping</title>
	<meta name="viewport" content="device-width,initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="style.css">
</head>
<body class="bg">
<nav class="navbar navbar-default" role="navigation">
  <div class="container container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand " href="index.html">
        <img src="image/logo.png" class="logo" alt="后园">
      </a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav nav-tabs">
        <li class="active"><a href="#">首页</a></li>
        <li><a href="#">7x24资讯</a></li>
        <li><a href="#">股权投资</a></li>
        <li><a href="#">融资</a></li>
        <li><a href="#">我是创业者</a></li>
        <li><a href="#">我是投资人</a></li>
        
      </ul>
      <!-- <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="搜索一下">
        </div>
       <button type="submit" class="btn btn-default">搜索</button>
      </form> -->
      <ul class="nav navbar-nav navbar-right">
        <li><a href="logoin.html">登录/注册</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">关于我们 <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">联系我们</a></li>
            <li><a href="#">加入我们</a></li>
            <li><a href="#">关注微博</a></li>
            <li class="divider"></li>
            <li><a href="#">关注微信</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

<!-- 登录/注册 -->


	
<div class="container">
  <div class="row">
    <div class="col-md-8 hidden-sm hidden-xs">
      <!-- 只是为了站位 -->
    </div>
    <div class="col-md-4" id="myTab">
      <ul class="nav nav-tabs" >
        <a class="acitve myTab-logoin" href="#logo-on" data-toggle="tab">账号密码登录</a>
        <a class="pull-right" href="#rigister" data-toggle="tab">注册新用户</a></li>
      </ul>
      <div class="tab-content" id="myTabContent">
        <div class="tab-pane fade in active" id="logo-on">
          <!-- 登录表单 -->
          <div class="logoin">
            <form action="" class="form">
              <div class="form-group">
                <label for="" class="sr-only">账户</label>
                <input type="email" class="form-control input-lg" placeholder="账户名">
              </div>
              <div class="form-group">
                <label for="" class="sr-only">密码</label>
                <input type="password" class="form-control input-lg" placeholder="密码">
              </div>
            </form>
            <div class="checkbox">
              <label for=""><input type="checkbox">记住密码</label>
              <span><a href="">忘记密码</a></span>
            </div>
            <div>
              <button type="submit" class="btn btn-primary btn-block btn-lg">登录</button>
            </div>
          </div>
        </div><!-- 登录表单end -->
        <div class="tab-pane fade" id="rigister">
          <!-- 注册表单 -->
          <div class="register">
            <form action="" class="form">
              <div class="form-group">
                <label for="" class="sr-only">用户名</label>
                <input type="text" class="form-control input-lg" placeholder="账户名">
              </div>
              <div class="form-group">
                <label for="" class="sr-only">邮箱</label>
                <input type="email" class="form-control input-lg" placeholder="密码">
              </div>
            </form>
            <div class="">
              <p>注册邮件将会发送给您</p>
            </div>
            <div>
              <button type="submit" class="btn btn-primary btn-block btn-lg">注册</button>
            </div>
          </div><!-- 注册表单end -->
        </div>
      </div>
    </div>
  </div>
</div>











<!-- footer -->
<footer>
  <div class="container">
    <div class="row">
      <div class="col-md-4 footer-left hidden-sm hidden-xs">
        <div class="footer-left-head">
          <a href="index.html">
            <img src="image/logo.png" alt="" class="img-responsive">
            <h4>我的精神之源</h4>
          </a>
        </div>
        <div class="footer-left-contact">
          <ul class="list-inline">
            <li><a href="#">关于后园</a></li>
            <li><a href="#">加入我们</a></li>
            <li><a href="#">寻求报道</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">友情链接</a></li>
          </ul>
        </div>
          <address>
            <strong>反馈建议</strong>
            <a href="mailto:#">service@aihouyuan.com</a>
            <p class="footer-left-time">工作时间：周一到周五 10:00-19:00 </p>
          </address> 
      </div>
      <div class="col-md-4 hidden-xs">
        <div class="footer-mid">
          <h4>合作伙伴</h4>
          <ul class="list-inline">
            <li><a href="#">IT之家</a></li>
            <li><a href="#">爱西安</a></li>
            <li><a href="#">菜芽儿网</a></li>
            <li><a href="#">睿视网</a></li>        
          </ul>
          <div class="footer-mid-friend">
              <a href="#"><img src="image/aliyun_logo.png" alt=""></a>
              <a href="#"><img src="image/site_logo.png" alt=""></a>
              <a href="#"><img src="image/ucloud.png" alt=""></a>
              <a href="#"><img src="image/rui_logo.png" alt=""></a>
          </div>
        </div>      
      </div>
      <div class="col-md-4 footer-right text-center hidden-sm hidden-xs">
        <img src="image/aixian.jpg" alt=""></a>
        <p>扫码关注微信平台</p>
      </div>
    </div>
  </div>
  <div class="text-center footer-bottem">
    <p>本站使用<a href="">WordPress</a>&<a href="">Bootstrap</a>开源框架.Theme by<a href="">houyuan</a>知识共享署名-相同方式共享 4.0 国际许可协议进行许可</p>
  </div>
</footer>


<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
</body>
</html>